/* eslint-disable react/jsx-pascal-case */
import Timebox from '../TimeBox';
import style from './index.module.scss';
import Login from './Login';
import 动画 from './动画';

// const bg1 = require('../../image/01bizhi.jpg')

const LockScreenUi = (props) => {
    return (
        <div className={style.box} >
            {/* <img className={style.img} src={bg1} alt="no" /> */}
            <div className={style.mask}>
            </div>
            {props.children}
        </div>
    )
}


export default function LockScreen() {
    const cwidth = window.innerWidth
    const cheight = window.innerHeight
    return (
        <>
            <动画 width={cwidth} height={cheight}/>
            <LockScreenUi>
                
                <Timebox />
                <Login/>
            </LockScreenUi>
            
        </>
    )
}